<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<meta name="viewport" content="width=device-width,height=device-height,inital-scale=1.0,maximum-scale=1.0,user-scalable=no;" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="format-detection" content="telephone=no" />
<link rel="stylesheet" type="text/css" href="../static/easyui/themes/bootstrap/easyui.css">
<link rel="stylesheet" type="text/css" href="../static/easyui/themes/icon.css">
<link rel="stylesheet" href="../static/metisMenu/metisMenu_custom.css" />
<link rel="stylesheet" href="../static/css/style-app.css" />
<script src="../static/jquery/jquery-1.12.4.js"></script>
<script src="../static/easyui/jquery.easyui.min.js"></script>
<script src="../static/easyui/locale/easyui-lang-zh_CN.js"></script>
<script src="../static/jqueryValidate/jquery.validate.min.js"></script>
<script src="../static/jqueryValidate/additional-methods.min.js"></script>
<script src="../static/jqueryValidate/localization/messages_zh.min.js"></script>
<script src="../static/moment/moment.js"></script>
<script src="../static/moment/locale/zh-cn.js"></script>
<script src="../static/js/base-loading.js"></script>
<title>待审核项目列表</title>
</head>

<body>
	<div class="top-part">
		<div class="header">
			<div class="return">
				<a href="../app/index.do"></a>
			</div>
			<div class="header-title">
				待审核项目列表
			</div>
		</div>
	</div>
	<div class="table-container" data-options="region:'center'">
		<div>
			<table id="pro_table" class="easyui-datagrid" style="min-height: 100%">
			</table>
		</div>
	</div>
</body>
<script>
	$(document).ready(function() {
		$('#pro_table').datagrid({
			rownumbers : false,
			singleSelect : true,
			pagination : true,
			fitColumns : false,
			border : false,
			striped : true,
			scrollbarSize:0,
			toolbar : '#pro_tb',
			url : "../reviewlist.do",
			method : 'get',
			columns : [ [ {
				field : 'category',
				title : '审核类别',
				width : '100%',
				formatter : function(value,row,index) {
					return '<div class="info-unreviewed"><div class="info-item-name" style="width:'+ ellipsis(0) +'px;">'+ row.category +'</div><div class="info-item-content" style="width:'+ ellipsis(0) +'px;">'+ row.projectname+'</div><div class="info-handle"><a class="btn-blue" href="#" onclick="addTab(' + index + ',' + row.activityid + ')">进入审核页面</a></div></div>';
				}
			} ] ]
		})
	})
		function ellipsis(value){
		var WIDTH = $("body").width();
		WIDTH-=10;
		var width;
		width = WIDTH-value
		return width;
	}
	function addTab(index,activityid) {
		var item = $("#pro_table").datagrid('getRows')[index];
		var title = '审核-' + item.projectname + "-" + item.category;
		window.location.href = "../appunreviewed/" + item.type + ".do?id=" + activityid;
	}
	function refreshProTable() {
		$('#pro_table').datagrid("reload");
	}
</script>

</html>